<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
    <pre>
        Viewport Units
        vw/vh == window.innerWidth/window.innerHeight


        window.innerWidth
        window.outerWidth
        sreen.width
    </pre>

    <div style="width: 200px;">
        <div style="width: 50vw;background-color: lightblue">
            50vw ,可以看到 vw完全无视父元素的宽度,
            这是一个很好的根据浏览器窗口大小自适应宽度的属性
        </div>
    </div>

</body>
</html>